import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-demo6',
  templateUrl: './demo6.component.html',
  styles: [`
    .mycard{ width: 160px; height:100px; position: relative; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
    .mycard.select{ border-color: #6c92fa; background: #eef7fd;}
    .mycard .check-box{ position: absolute; left: 5px; top: 5px;}
  `]
})
export class Demo6Component{
  selected = ['a2','a4'];
  data = []

  ngOnInit() {
    for(let i=1; i<6; i++) {
      this.data.push({
        value: 'a'+ i,
        label: 'Card 00'+ i
      })
    }
  }
}